<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
	box-sizing:border-box;
	}
body,h1{
	margin:0;
    }
p{
	padding:0;
	margin:0;
	}
header{
	background-color:#c8c8c8;
	position:relative;
	padding-left:132px;
	}
.gh{
	position:absolute;
	left:62px;
	top:16px;
	}
.p1{
	height:80px;
	line-height:80px;
	font-size:30px;
	}
.sx{width:48px;
	height:4px;
	position:absolute;
	top:40px;
	right:116px;
	background-image:url(img/缩小.png);
	}
.gb{
	width:50px;
	height:50px;
	position:absolute;
	right:16px;
	top:16px;
	background-image:url(img/关闭.png);
	}
h1{
	font-size:36px;
	height:114px;
	line-height:114px;
	text-align:center;
	background-color:#f0f0f0;
	}
section{
	background-color:#c7f2f0;
	font-size:22px;
	padding:0 0 22px 132px;
	}
span{
	display:inline-block;
	width:500px;
	margin-left:150px;
	margin-bottom:30px;
	}
.jb,.zz{
	display:block;
	height:100px;
	line-height:100px;
	font-size:30px;
	margin:0;
	}
footer{
	height:114px;
	background-color:#f0f0f0;
	position:relative;
	}
.sure,.cancle{width:100px;
	height:60px;
	background-color:#888;
	color:#fff;
	font-size:24px;
	border-radius:20px;
	position:absolute;
	top:24px;
	}
.cancle{
	left:614px;
	}
.sure{
	right:614px
	}
</style>
</head>
<body>
<div class="" >
    <header>
    	<img src="img/国徽.png" class="gh"/>
        <p class="p1">暂住人口管理</p>
        <button class="sx"></button>
        <button  class="gb"></button>
    </header>
    <h1>人口暂住办理</h1>
    <section>
    	<form>
    		<br /><br />
            <span>姓&emsp;&emsp;名：
            	<input type="text"/>
            </span>
            <span style="display:inline-block;	width:500px;	margin-left:150px;	margin-bottom:30px; height: 100px;">
				头&emsp;&emsp;像：&emsp;&emsp;<img src="img/微信图片_20170603205207.jpg"  alt="请上传头像" style="height: 100px; width: 80px;"/>
            </span>
            <span>性&emsp;&emsp;别：
                <select>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
            <span>曾&ensp;用&ensp;名：
            	<input id="used_name" type="text" value="无"/>
            	<font color="#737373">（可不填）</font>
            </span>
            <span>出生日期：
                <select>
                    <option>1996</option>
                    <option>1995</option>
                    <option>1994</option>
                    <option>1993</option>
                </select>
                年
                <select>
                	<option>12</option>
                    <option>11</option>
                    <option>10</option>
                    <option>9</option>
                </select>
                月
                <select>
                	<option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                日
            </span>
            <span>身&emsp;&emsp;高：
            	<input type="text"/>
            </span>
            <span>民&emsp;&emsp;族：
            	<input type="text"/>
            </span>
            <span>身份证号码：
            	<input type="text"/>
            </span>
            <span>现从事职业：
            	<input type="text"/>
            </span>
            <span>联系电话：
            	<input type="text"/>
            </span>
            <span>血&emsp;&emsp;型：
            	<select>
                	<option>O</option>
                    <option>AB</option>
                    <option>A</option>
                    <option>B</option>
                </select>
            </span>
            <span>文化程度：
            	<input type="text"/>
            </span>
            <span>婚姻状况：
            	<select>
                	<option>已婚</option>
                    <option>未婚</option>
                </select>
            </span>
            
            
            
            <span>暂住处所：
                <select>
                    <option>陕西省</option>
                    <option>广东省</option>
                    <option>河北省</option>
                    <option>浙江省</option>
                </select>
                <select>
                	<option>西安市</option>
                    <option>深圳市</option>
                    <option>北京市</option>
                    <option>杭州市</option>
                </select>
                <select>
                	<option>临潼区</option>
                    <option>盐田区</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>
            </span>
            <span>籍&emsp;&emsp;贯：
                <select>
                    <option>陕西省</option>
                    <option>广东省</option>
                    <option>河北省</option>
                    <option>浙江省</option>
                </select>
                <select>
                	<option>西安市</option>
                    <option>深圳市</option>
                    <option>北京市</option>
                    <option>杭州市</option>
                </select>
                <select>
                	<option>临潼区</option>
                    <option>盐田区</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>
            </span>
            <span>详细地址：
            	<input type="text"/>
            </span>
            
            <span>政治面貌：
            	<select>
                	<option>中共党员</option>
                	<option>共青团员</option>
                	<option>其它党派</option>
                    <option selected="selected">群众</option>
                </select>
            </span>
            
            <span>宗教信仰：
            	<input id="faith" type="text" value="无"/>
            	<font color="#737373">（可不填）</font>
            </span>
       </form>
    </section>
    <footer>
    	<button class="sure">确定</button>
        <button class="cancle">取消</button>
    </footer>
</div>
</body>
</html>
